@charset "utf-8";

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'Microsoft Yahei',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#0e3a81;}
/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;margin:0 auto;max-width:1800px;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
@font-face {
  font-family: 'iconfont';  /* project id 766587 */
  src: url('../fonts/font_766587_90yuziu70m.eot');
  src: url('../fonts/font_766587_90yuziu70m.eot') format('embedded-opentype'),
  url('../fonts/font_766587_90yuziu70m.woff') format('woff'),
  url('../fonts/font_766587_90yuziu70m.ttf') format('truetype'),
  url('../fonts/font_766587_90yuziu70m.svg#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}
/* 头部 */
.header{width:100%;height:90px;position:fixed;z-index:99;background:#fff;box-shadow: #ddd 0 5px 5px -5px;}
.header .logo{position:absolute;left:0;top:0;line-height:80px;width:340px;border-right:1px solid #d9d9d9;text-align:center;height:90px;}
.headR{width:340px;position:absolute;right:0;top:0;height:90px;border-left:1px solid #d9d9d9;padding-top:35px;}
.headR a{display:inline-block;width:26px;height:40px;margin-left:45px;background: url('../images/ticon.png') no-repeat;position:relative;z-index:5;font-size:.875rem;opacity:.8;}
.headR .wb{background-position: -26px 0;}
.headR .sIcon{background-position: -52px 0;}
.headR .tel{background-position: -78px 0;}
.headR .lang{background-position: -104px 0;}
.headR a:hover{opacity:1;}
.headR .wx span{position: absolute;top:35px;left:-40px;background:#f1f1f1;padding:5px;display:none;z-index:5;width:120px;}
.headR .wx span::before,.headR .tel p::before{position: absolute;content: "";top:-12px;left:50px;border:6px solid transparent;border-bottom-color:#ccc;}
.headR .wx img{width:100%;}
.headR .tel p::before{left:auto;right:25px;}
.headR .tel p{position:absolute;background:#f1f1f1;padding:10px 15px;line-height:24px;text-align:right;right:-20px;top:35px;display:none;min-width:200px;color:#666;}
.headR .tel p span{display:block;font-size:22px;color:#0e3a81;font-family:Arial;}
/*  PC导航 */
.nav .navMain{padding:0 340px 0 380px;height:90px;line-height:90px;}
.nav .m{float:left;width:14%;text-align:center;padding-right:1px;position:relative;}
.nav li i{display:none;}
.nav .m>a{color:#333;position:relative;z-index:2;display:inline-block;}
.nav .m>a:after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#2169e1;width:100%;transition: transform 0.3s;transform:scale(0,1);transform-origin:right bottom;}
.nav .m:hover>a,.nav .cur>a,.nav .on>a{color:#2169e1;}
.nav .m:hover>a:after,.nav .cur>a:after,.nav .on>a:after{transform:scale(1);transform-origin:left bottom;}
.nav .navSub{position:absolute;left:0;top:100%;background:#383c3e;line-height:35px;width:100%;color:#fff;font-size:.875em;transform:scale(0,1);transition:all 0.4s;opacity:0;}
.nav .navSub li{border-bottom:1px solid #2169e1;}
.nav .navSub a{color:#fff;display:block;}
.nav .navSub a:hover{background:#0e3a81;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;}
/* PC端搜索 */
.search{position: absolute;padding:20px;background:#1d2088; background: rgba(0,0,0,.5);left:0;top:90px;display:none;width:100%;padding-top:0;}
.search form{width:40%;margin:0 auto;margin-top:15px;background:#fff;height:50px;line-height:50px;padding:0 50px 0 25px;}
.search .txt{width:100%;height:50px; line-height:40px;color:#666;float:left;}
.search .btn{float:left;width:50px;height:50px; cursor:pointer;transition:all 0.3s;background:#333 url('../images/sicon.png') no-repeat center;border-left:1px solid #666;margin-right:-50px;}
.search .btn:hover{background-color:#0e3a81;}
.searSelect{float:left;width:55px;color:#333;padding-left:10px;position:relative;font-size:12px;cursor:pointer;border-right:1px solid #ddd;margin-left:-65px;}
.searSelect span{position:relative;display:block;}
.searSelect span:after{content:"";position:absolute;right:5px;top:25px;border:4px solid transparent;border-top-color:#333;}
.searSelect ul{position:absolute;top:38px;left:0;background:#fff;text-align:center;width:55px;display:none;}
.searSelect ul li{line-height:25px;border-top:1px solid #f5f5f5;}
/*  导航按钮 */
.navTrigger{position:absolute;top:22px;left:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#0e3a81;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapLang{position:absolute;right:15px;color:#333;font-family:"iconfont";top:0;font-size:1.2rem;height:60px;display:none;}
/* 广告轮播图 */
.banner{position:relative;overflow:hidden;}
.banner img{width:100%;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:#fff;opacity:.8;width:40px;height:3px;border-radius:0;cursor:pointer;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#0e3a81;opacity:1;}
.banner img{transition:opacity .4s;}
.banner .scale img{transform:scale(0);opacity:0;transition:all 1s;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: url('../images/banbtn.png') no-repeat;width:110px;height:50px;left:0;opacity:1;}
.banner .swiper-button-next{background-position: -110px 0;left:auto;right:0;}
.banner .swiper-button-prev:hover{background-position:-220px 0;}
.banner .swiper-button-next:hover{background-position:-330px 0;}
/* 解决方案 */
.solution{padding-top:90px;padding-bottom:4px;overflow:hidden;}
.news{padding-top:90px;padding-bottom:90px;overflow:hidden;}
.hTitle{text-align:center;margin-bottom:50px;font-size:.875rem;}
.hTitle span{display:block;font-size:2.857em;color:#333; position:relative}
.hTitle span:after{content:""; width:40%; border-bottom:solid #ddd 1px; position:absolute; top:50px; right:0; z-index:0}
.hTitle span:before{content:""; width:40%; border-bottom:solid #ddd 1px; position:absolute; top:50px; left:0; z-index:0}
.hTitle b{color:#2169e1}
.solution ul{margin-right:-20px;overflow:hidden;}
.solution li{float:left;width:25%;padding-right:20px;height:615px;font-size:.875rem;}
.solution li:nth-child(4){float:right;}
.solution li a{display:block;color:#919191;padding:10%;position:relative;z-index:2; background-color:#f0f0f0}
.solution li a:after{content:"";position:absolute;
    background: -webkit-linear-gradient(right bottom, #2169e1 ,#094bb5);
    background: -o-linear-gradient(right bottom, #2169e1, #094bb5);
    background: -moz-linear-gradient(right bottom,#2169e1,#094bb5);
    background: linear-gradient(right bottom, #2169e1 ,#094bb5 );
left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0;transition:all 0.4s;}
.solution li h3{font-size:2.286em;text-align:center; display:block;}
.solution li h3:after{content: ''; position: absolute;  top: 265px; left:calc(50% - 75px); background: #999; width: 150px; height: 1px;}
.solution li a:hover:after{opacity:1;}
.solution li a p{margin:50px 2% 0; font-size:16px; line-height:180%}
.solution li:hover h3,.solution li:hover a p{color:#fff} 
.solution li a .ico{width:143px; height:143px; display:block; overflow:hidden; margin:0 auto 15px;}
.solution li img{border:#d8d8d8 solid 4px; margin-top:30px;}
.solution li:nth-child(1) .ico{background:url(../images/ico1.png) 0 0 no-repeat;}
.solution li:nth-child(1):hover .ico{background:url(../images/ico1.png) 0 -143px no-repeat;transition:all 0.4s;}

.solution li:nth-child(2) .ico{background:url(../images/ico2.png) 0 0 no-repeat;}
.solution li:nth-child(2):hover .ico{background:url(../images/ico2.png) 0 -143px no-repeat;transition:all 0.4s;}

.solution li:nth-child(3) .ico{background:url(../images/ico3.png) 0 0 no-repeat;}
.solution li:nth-child(3):hover .ico{background:url(../images/ico3.png) 0 -143px no-repeat;transition:all 0.4s;}

.solution li:nth-child(4) .ico{background:url(../images/ico4.png) 0 0 no-repeat;}
.solution li:nth-child(4):hover .ico{background:url(../images/ico4.png) 0 -143px no-repeat;transition:all 0.4s;}

.solution li:hover h3:after{background: #fff;}
.solution li:hover img{border:#fff solid 4px;}

/* 产品 */
.product{padding-bottom:90px;overflow:hidden; padding-top:50px;background:url(../images/newbj.jpg) top center no-repeat; }
.proSlide{overflow:hidden;text-align:center;position:relative;}
.proSlide li{width:20%;font-size:.813rem;text-align:center;}
.proSlide li a{ background: -webkit-linear-gradient(right bottom, #2169e1 ,#094bb5);
    background: -o-linear-gradient(right bottom, #2169e1, #094bb5);
    background: -moz-linear-gradient(right bottom,#2169e1,#094bb5);
    background: linear-gradient(right bottom, #2169e1 ,#094bb5 );
    color:#fff;padding:0;display:block;overflow:hidden;position:relative;z-index:2; padding-top:20px;}
.proSlide li a:after,.honorSlide li a:after{content:"";position:absolute;z-index:-1;width:100%;height:0;left:0;top:50%;transition:all 0.5s;opacity:0;}
.proSlide li h4{font-size:2.231em;margin:10px 0 10px 0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.proSlide li .pic{overflow:hidden;display:inline-block;transition:all 0.4s;position:relative;top:0;max-width:587px;}
.proSlide li img{width:100%;}
.proSlide li p{font-size:1.8em;padding-bottom:20px;min-height:60px;color:#ddd;position:relative; padding:0 3%}
.proSlide li a:hover .pic{top:-10px;}
.proSlide li a:hover p:after{background:#fff;border-color:#fff;color:#2767bf;}
.proSlide li a:after{background-color:#333;
  }
.groupL .menu a:after,.groupR .font .more,.about .more,.news .menu a:after,.technology .menu a:after,.honorSlide li a:after,.listBanner .txt span,.listMenu li a:after,.history li:after,.solutionTop .more{
    background: -webkit-linear-gradient(right bottom, #2169e1 ,#094bb5);
    background: -o-linear-gradient(right bottom, #2169e1, #094bb5);
    background: -moz-linear-gradient(right bottom,#2169e1,#094bb5);
    background: linear-gradient(right bottom, #2169e1 ,#094bb5 );
    color:#fff;
  }
.proSlide li a:hover:after,.honorSlide li a:hover:after{height:100%;top:0;opacity:1;}
.proSlide li a:hover p,.proSlide li a:hover h4{color:#fff;}
.proSlide .swiper-button-next, .proSlide .swiper-button-prev,.honorSlide .swiper-button-prev,.honorSlide .swiper-button-next,.history .swiper-button-next,.history .swiper-button-prev{background:#ddd;width:100px;height:40px;opacity:1; position: static;display:inline-block;clear:both;top:0;margin-top:20px;margin-left:5px;font-size:20px;font-family:"宋体";font-weight:bold;line-height:40px;display:none;text-align:center;}




.about .more{display:inline-block;width:170px;height:50px;line-height:50px;text-align:center;}
.about .more{}
.about .more:hover{width:60%;}
/* .groupR .pic{width:58%;overflow:hidden;height:470px;display:block;}
.groupR .pic span{animation:myfirst 18s linear infinite normal;transform:scale(1.1);} */

/* 关于 */
.about{background:#f2f2f2;overflow:hidden;}
.aboutL{width:50%;overflow:hidden;font-size:.875rem;}
.aboutTie{height:200px;
    background: -webkit-linear-gradient(right bottom, #094bb5 ,#2169e1);
    background: -o-linear-gradient(right bottom, #094bb5 ,#2169e1);
    background: -moz-linear-gradient(right bottom, #094bb5 ,#2169e1);
    background: linear-gradient(right bottom, #094bb5 ,#2169e1 );
padding:50px 16% 0 10%;}
.aboutTie span{display:block;font-size:1.286em;color:#fff;margin-top:10px;}
.aboutL .font{padding:50px 8% 0 8%;line-height:1.7;max-height:440px; font-size:16px;}
.aboutL .txt{min-height:180px;margin-bottom:15px;}
.aboutR{width:50%;height:600px; border:#2169e1 solid 8px;}

/*  新闻中心 */
.news {}

.news .menu{text-align:center;margin-bottom:50px;overflow:hidden;}
.news .menu a{display:inline-block;width:170px;height:50px;position:relative;border:1px solid #c9c9c9;color:#333;font-size:1.375rem;line-height:50px;}
.news .menu .on{color:#fff;border-color: transparent;}
.newsL{overflow:hidden;width:32%;height:435px;position: relative;}
.newsL li a{display:block;position:relative;height:435px;}
.newsL li .bgImg{transition:all 1s;}
.newsL li h4{position:absolute;bottom:0;left:0;background: rgba(0, 0, 0,.6);color:#fff;width:100%;height:70px;line-height:70px;padding:0 100px 0 25px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;z-index:2;}
.newsL li h4:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:#0e3a81;z-index:-1;transition:transform .5s;transform-origin:right;transform:scale(0,1);}
.newsL li h4 span{float:right;background:#0e3a81;width:80px;height:80px;margin-right:-100px;text-align:center;}
.newsL li a:hover .bgImg{transform:scale(1.06);}
.newsL li a:hover h4:after{transform-origin:left;transform:scale(1);}
.newsL  div.hd{position:absolute;right:0;width:90px;bottom:25px;right:0;left:auto;z-index:5;text-align:center;}
.newsL .swiper-pagination-bullet{width:10px;height:10px;z-index:5;cursor:pointer;}
.newsR{width:68%;font-size:.875rem;max-height:515px;overflow:hidden;}
.newsR li{float:left;width:50%;margin-bottom:15px;padding-left:15px;}
.newsR li a{color:#9a9a9a;display:block;padding:5%;height:210px;position:relative;z-index:2;border:1px solid #d6d6d6; background-color:#fff}
.newsR li a:after{content:"";background:#f8f8f8;width:100%;height:100%;position:absolute;left:0;top:0;transform:scale(0);transition:all 0.4s;z-index:-1;}
.newsR li h4{color:#2169e1;font-size:1.643em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px; margin-left:70px;}
.newsR li h4 span{display:block;font-size:.75em;color:#999;padding-top:5px;}
.newsR li p{min-height:60px;margin-bottom:15px; margin-left:70px; line-height:28px;}
.newsR li a:hover{box-shadow:0 0 5px #ccc inset;}
.newsR li a:hover:after{transform:scale(1);}
.newsR a .date{ position:absolute; top:0; left:10px; width:70px;background: -webkit-linear-gradient(right bottom, #094bb5 ,#2169e1);
    background: -o-linear-gradient(right bottom, #094bb5 ,#2169e1);
    background: -moz-linear-gradient(right bottom, #094bb5 ,#2169e1);
    background: linear-gradient(right bottom, #094bb5 ,#2169e1 );color:#FFF; text-align:center; padding:15px 0;}
.newsR a .date b{font-size:55px; font-family:Arial, Helvetica, sans-serif; display:block; line-height:45px; font-weight:normal;}
.newsR a .date span{font-size:22px; border-top:#fff solid 1px;}

/*底部 */
.footer{background:#2169e1;font-size:.875rem;color:#fff;}
.footMain{padding:70px 0 45px 0;overflow:hidden;}
.footLogo{width:25%;padding-top:15px;padding-right:3%;}
.footContact{max-width:48%;line-height:2;}
.footR{width:260px;overflow:hidden;text-align:center;}
.footR img{width:130px;height:130px;}
.footR .fl{border:1px solid #fff;width:130px;height:130px;padding-top:35px;}
.firendLink{padding:25px 0;overflow:hidden;border-top:1px solid #fff;background:#0847b2;font-size:.875rem;color:#fff;}
.firendLink a{margin:0 6px;color:#fff;}
.footer a{color:#fff;}
.firendLink a:hover,.footer a:hover{color:#FC0;}

.ty-banner-1 {overflow: hidden;line-height: 0; text-align:center;padding-top:92px;border-bottom:#2169e1 solid 2px;}